﻿
@{
    ViewData["Title"] = "用户授权";
    Layout = "_Iframe";
}
<div class="container-div">
    <div class="row">
        <div class="col-sm-12 search-collapse">
            <form id="role-form">
                <input type="hidden" id="roleId" name="roleId" value="@ViewBag.RoleId">
                <input type="hidden" id="non" name="non" value="true">
                <div class="select-list">
                    <ul>
                        <li>
                            登录名称：<input type="text" name="account" />
                        </li>
                        <li>
                            手机号码：<input type="text" name="phone" />
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>

        <div class="col-sm-12 select-table table-striped">
            <table id="bootstrap-table" data-mobile-responsive="true"></table>
        </div>
    </div>
</div>
@section Scripts{
    <script type="text/javascript">
        $(function () {
            var options = {
                url: "/api/SysUser/QueryUserByRoleId",
                queryParams: queryParams,
                sortName: "createTime",
                sortOrder: "desc",
                modalName: "用户",
                showSearch: false,
                showRefresh: false,
                showToggle: false,
                showColumns: false,
                clickToSelect: true,
                rememberSelected: true,
                columns: [{
                    checkbox: true
                },
                {
                    field: 'id',
                    title: '用户ID',
                    visible: false
                },
                {
                    field: 'account',
                    title: '登录名称',
                    sortable: true
                },
                {
                    field: 'name',
                    title: '用户名称'
                },
                {
                    field: 'email',
                    title: '邮箱'
                },
                {
                    field: 'phone',
                    title: '手机'
                },
                {
                    field: 'createTime',
                    title: '创建时间',
                    sortable: true
                }]
            };
            $.table.init(options);
        });

        function queryParams(params) {
            var search = $.table.queryParams(params);
            search.roleId = $("#roleId").val();
            return search;
        }

        /* 添加用户-选择用户-提交 */
        function submitHandler() {
            var rows = $.table.selectFirstColumns();
            if (rows.length == 0) {
                $.modal.alertWarning("请至少选择一条记录");
                return;
            }
            var data = { "RoleId": parseInt($("#roleId").val()), "UserId": rows.join() };
            $.operate.save("/api/SysRole/AuthUser", JSON.stringify(data));
        }
    </script>
}

